<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script src="js/jquery.js"></script>
<script src="js/jquery.qtip.js"></script>

<script type="text/javascript" src="js/jquery.tablesorter.js"></script> 

<script>
$(document).ready(function() 
		{
		   // By suppling no content attribute, the library uses each elements title attribute by default
		   $('a[href][title]').qtip({
		      content: {
		         text: false // Use each elements title attribute
		      },
		      style: 'cream' // Give it some style
		   });
		   
		   // NOTE: You can even omit all options and simply replace the regular title tooltips like so:
		   // $('#content a[href]').qtip();
		
		   $("#example").tablesorter({
			   headers: { 
		           
		            3: { 
		               
		                sorter: false 
		            },
		            
		            4: { 
		                
		                sorter: false 
		            },
		           5: { 
		                 
		                sorter: false 
		            },
		            6: { 
		                 
		                sorter: false 
		            },
		            7: { 
		                 
		                sorter: false 
		            }
		        } 
			   
			   
		   }); 
		
		
		});

</script>
<script type="text/javascript">
function reload(){
	window.location.href=window.location.href;
}



</script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script>
function PopupCenter(pageURL, title,w,h) {
var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
var targetWin = window.open (pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
} 
</script>
</head>
<body onfocus="reload()">
<table align="center" id="example" class="tablesorter" width="100%"  style="border-color: gray; border-style: solid; border-width: thin;">
<thead>
<tr>
<th>Event Name</th>
<th>Date</th>
<th>Time</th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<s:iterator value="events_list">
<tr>
<td><a href="#" title="<b>Description: </b><s:property value="event_description"/><br><b>Location: </b><s:property value="event_location"/>"><s:property value="event_name"/></a></td>
<td><s:property value="event_date"/></td>
<td><s:property value="event_time"/></td>
<td><a href="javascript:void(0);" onclick="PopupCenter('participantslist.action?event_id=<s:property value="event_id"/>&type=coming','coming',300,300);">Coming(<s:property value="comingcount"/>)</a></td>
<td><a href="javascript:void(0);" onclick="PopupCenter('participantslist.action?event_id=<s:property value="event_id"/>&type=notcoming','coming',300,300);">NotComing(<s:property value="notcomingcount"/>)</a></td>
<td><a href="javascript:void(0);" onclick="PopupCenter('participantslist.action?event_id=<s:property value="event_id"/>&type=maybe','coming',300,300);">Maybe(<s:property value="maybecount"/>)</a></td>
<td><a href="javascript:void(0);" onclick="PopupCenter('awaitingreply.action?event_id=<s:property value="event_id"/>','awaiting reply',400,400);">Awaiting Reply(<s:property value="awaitingreply"/>)</a></td>
<td><a href="javascript:void(0);" onclick="PopupCenter('InvitePeople.jsp?event_id=<s:property value="event_id"/>','Invite People',400,400);">Invite People</a></td>
</tr>
</s:iterator>
</tbody>
</table>
</body>
</html>